/*
* @Author: troubledot
* @Date:   2018-07-03 14:01:57
* @Last Modified by:   troubledot
* @Last Modified time: 2018-07-03 14:01:57
*/

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
  url('../fonts/icomoon.ttf') format('truetype'),
  url('../fonts/icomoon.woff') format('woff'),
  url('../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fabs-ui.orange {
  .ivu-alert.ivu-alert-with-icon {
    padding: 8px 48px 8px 38px;
    background: transparent;
    &.ivu-alert-with-desc {
      .ivu-alert-message {
        font-weight: bold;
        font-size: 16px;
        color: #333;
      }
      .ivu-alert-desc {
          color: #999;
        }
    }
    .ivu-alert-message {
      font-size: 12px;
      color: #333;
    }
  }
  .ivu-alert-with-desc {
    .ivu-alert-message {
      font-weight: bold;
      font-size: 16px;
    }
    &.ivu-alert-info {
      .ivu-alert-message {
        color: #2768A5;
      }
      .ivu-alert-desc {
        color: #2768A5;
      }
    }
    &.ivu-alert-success {
      .ivu-alert-message {
        color: #66923E;
      }
      .ivu-alert-desc {
        color: #66923E;
      }
    }
    &.ivu-alert-warning {
      .ivu-alert-message {
        color: #A99219;
      }
      .ivu-alert-desc {
        color: #A99219;
      }
    }
    &.ivu-alert-error {
      .ivu-alert-message {
        color: #C04F4F;
      }
      .ivu-alert-desc {
        color: #C04F4F;
      }
    }
  }
  .ivu-alert-with-desc.ivu-alert-with-icon {
    padding: 16px 16px 16px 69px;
  }
  .ivu-alert-info{
    .ivu-icon-ios-close-empty:before{
      color: #79a2cd;
    }
    .ivu-alert-close{
      color: #1D89EE;
    }
  }
  .ivu-alert-success{
    .ivu-icon-ios-close-empty:before{
      color: #61AD1B;
    }
     .ivu-alert-close{
      color: #61AD1B;
    }
  }
  .ivu-alert-warning{
    .ivu-icon-ios-close-empty:before{
      color: #b6a241;
    }
     .ivu-alert-close{
      color: #DC9412;
    }
  }
  .ivu-alert-error{
    .ivu-icon-ios-close-empty:before{
      color: #dea1a2;
    }
     .ivu-alert-close{
      color: #FA6262;
    }
  }

  .ivu-icon-checkmark-circled:before {
    content: "\e900";
    color: #70c422;
    font-family: 'icomoon'
  }
  .ivu-icon-information-circled:before {
    content: "\e90e";
    color: #5dacf6;
    font-family: 'icomoon'
  }
  .ivu-icon-android-alert:before {
    content: "\e910";
    color: #f7a003;
    font-family: 'icomoon'
  }
  .ivu-icon-close-circled:before {
    font-family: 'icomoon';
    content: "\e917";
    color: #fa6262;
  }
  .ivu-icon-ios-bulb-outline:before {
    font-family: 'icomoon';
    content: "\e905";
    color: #5dacf6;
  }
}

.orange .ivu-alert{
  position: relative;
  padding: 8px 48px 8px 16px;
  border-radius: 6px;
  line-height: 16px;
  margin-bottom: 10px;
  &-icon {
    font-size: 12px;
    top: 8px;
    left: 16px;
    position: absolute;
  }
  &-desc {
    font-size: 14px;
    line-height: 21px;
    display: none;
    text-align: justify;
  }
  &-success {
    border: 1px dashed rgba(199, 222, 177, 1);
    background-color: rgba(239, 251, 228, 1);
    color: #66923E;
    
  }
  &-info {
    border: 1px dashed rgba(154, 205, 255, 1);
    background-color: rgba(224, 240, 255, 1);
    color: #2768a5;
    
  }
  &-warning {
    color: #A99219;
    background: rgba(255, 251, 230, 1);
    border: 1px dashed rgba(238, 221, 134, 1);
   
  }
  &-error {
    color: #C04F4F;
    background: rgba(255, 240, 240, 1);
    border: 1px dashed rgba(238, 192, 192, 1);
  }
  &-with-desc {
    padding: 16px;
    position: relative;
    margin-bottom: 10px;
    line-height: 1.5;
    .ivu-alert-desc {
      display: block;
    }
  }
  &-with-desc &-message {
    font-size: 16px;
    display: block;
  }

  &-with-desc {
    .ivu-alert-icon {
      top: 50%;
      left: 24px;
      margin-top: -21px;
      font-size: 28px;
    }
  }

  &-with-banner {
    border-radius: 0;
  }
}
